﻿@{
    ViewBag.Title = "test";
}

<h2>test</h2>

<div id="aa" class="easyui-accordion" style="width: 300px; height: 200px;">
    <div title="Title1" data-options="iconCls:'icon-save'" style="overflow: auto; padding: 10px;">
        <h3 style="color: #0099FF;">Accordion for jQuery</h3>
        <p>
            Accordion is a part of easyui framework for jQuery.    
        It lets you define your accordion component on web page more easily.
        </p>
    </div>
    <div title="Title2" data-options="iconCls:'icon-reload',selected:true" style="padding: 10px;">
        content2   
    </div>
    <div title="Title3">
        content3   
    </div>
</div>
<div style="width: 100%; height: 10px;"></div>

<div id="tt" class="easyui-tabs" style="width: 500px; height: 250px;">
    <div title="Tab1" style="padding: 20px; display: none;">
        tab1   
    </div>
    <div title="Tab2" closable="true" style="overflow: auto; padding: 20px; display: none;">
        tab2   
    </div>
    <div title="Tab3" iconcls="icon-reload" closable="true" style="padding: 20px; display: none;">
        tab3   
    </div>
</div>
<div style="width: 100%; height: 10px;"></div>
<div id="cc" class="easyui-layout" style="width: 600px; height: 400px;">
    <div region="north" title="North Title" split="true" style="height: 100px;"></div>
    <div region="south" title="South Title" split="true" style="height: 100px;"></div>
    <div region="east" iconcls="icon-reload" title="East" split="true" style="width: 100px;"></div>
    <div region="west" split="true" title="West" style="width: 100px;"></div>
    <div region="center" title="center title" style="padding: 5px; background: #eee;"></div>
</div>

@section Scripts
{
    <script type="text/javascript">
        $(function () {
            using("messager", function () {
                $.messager.alert("test", "test", "error");
            });
        });
    </script>
}
